<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd"
        >
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="layui/css/layui.css"  media="all">
  <!--  <link rel="stylesheet" href="classpath:../static/layui/css/modules/code.css" media="all">
    <link rel="stylesheet" href="classpath:../static/layui/css/modules/laydate/default/laydate.css"  media="all">

    <link rel="stylesheet" href="../static/layui/css/modules/layer/default/layer.css"  media="all">
    <link rel="stylesheet" href="../static/layui/css/layui.css"  media="all">
-->
    <style>
        *{

           margin: 5px;
        }
        .layui-input{
            height: 31px;width: 202px;
        }
        .layui-form{

            margin:auto;
        }
        body{
            width: 456px;
            height: 251px;
            padding-top: 215px;
            margin-left: 496px;

        }

    </style>
</head>
<body background="layui/image/login.jpg" style=" background-repeat:no-repeat ;background-size:100% 100%;  background-attachment: fixed;" >
<div class="modal">
<form class="layui-form" method="post" action="/doLogin">
    <div class="layui-form-item">
        <label class="layui-form-label">账号</label>
        <div class="layui-input-block">
            <input type="text" name="account" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">            </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">密码</label>
        <div class="layui-input-inline">
            <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">&nbsp;&nbsp;请输入6-15位</div>
    </div>
    <!--登录,重置按钮-->
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">登录</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>

</form>

<a href="register"><button style="  width: 498px;" type="button" class="layui-btn layui-btn-fluid">还没有账号?点击注册</button></a>
</div>
<script>
    //Demo
    layui.use('form', function(){
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>
</body>
<!--<script>-->
<!--    var flags=false;-->

<!--    $(function(){-->
<!--        $("[type=button]").click(function(){-->
<!--            //alert(222);-->

<!--            //获取表单字段:登录用户名,密码,确认密码,真实姓名,性别 (非必填:身份证号, 邮箱, 手机号)-->
<!--            var account = $("[name=account]").val();//获取用户名-->
<!--            var password = $("[name=password]").val();-->

<!--            //用户名正则，3到16位（字母，数字，下划线，减号）-->
<!--            var uPattern = /^[a-zA-Z0-9_-]{3,16}$/;-->
<!--            //校验密码：只能输入6-20个字母、数字、下划线-->
<!--            var pwdPattern = /^(\w){6,16}$/;-->

<!--            if (account == "" || account == null) {//判断手机号码是否为空-->
<!--                alert("用户名不能为空");-->
<!--                flags=false;-->
<!--            } else if (!uPattern.test(account)) {//判断手机号码是否输入正确-->
<!--                alert("用户名格式不正确,应为3到16位（字母，数字，下划线，减号）");-->
<!--                flags=false;-->
<!--            }else if (password == "" || password == null) {//判断手机号码是否为空-->
<!--                alert("密码不能为空");-->
<!--                flags=false;-->
<!--            } else if (!pwdPattern.test(password)) {//判断手机号码是否输入正确-->
<!--                alert("密码格式不正确,只能输入6-20个字母、数字、下划线");-->
<!--                flags=false;-->
<!--            }else if(pwdPattern.test(password)){-->
<!--                flags=true;-->
<!--            }-->

<!--            if(flags==true){-->
<!--                //alert("js : account="+account+", password="+password);-->
<!--                $.ajax({-->
<!--                    //"url":"/InterestingShop_war_exploded/sysuser/doLogin",//提交地址:servlet地址或Web网页地址-->
<!--                    "url":"/${ctx}/sysuser/doLogin",//提交地址:servlet地址或Web网页地址-->
<!--                    "type":"GET",//提交方式:get||post-->
<!--                    "data":{-->
<!--                        "account"	:account,-->
<!--                        "password"	:password-->
<!--                    },-->
<!--                    "dataType":"text",-->
<!--                    "success":function(res){-->
<!--                        alert("ajax:success() res= "+res);-->
<!--                        if(res.indexOf("成功 true")>-1){-->
<!--                            //alert("ajax:success() : 登录成功 !");-->
<!--                            window.location.href="${ctx}/index";//  href="/index"无法跳转:-->
<!--                        }else{-->
<!--                            alert("ajax:success() : 登录失败 !!!");-->
<!--                            //window.reload();-->
<!--                        }-->
<!--                    },-->
<!--                    "error":function(){-->
<!--                        alert("ajax:error() : login");-->
<!--                    }-->
<!--                });-->
<!--            }-->
<!--        });-->
<!--    });-->

<!--</script>-->
</html>